<%= render partial: "highlight",
   locals: {highlight: "ex1", name:"Ex1: 动态增加内容到网页上"} %>


<script>
  // annotate
  // $(document).ready(function(){
  $(function(){
    $("#my-click").click(function(){
      // $("#foo").html('<h1>zoo</h1>')
      // $("#foo").prepend("prepend")
      // $("#foo").text("text")
      // $("#foo").append("append")
      // $("#foo").before("<h3>h3 head line</h3>")
      $("#foo").after("<h3>after</h3>")
    })

  })
</script>

<p> <a href="#" id="my-click"> Click Me</a> </p>

<div id="foo" style="border: 1px solid red;">
  <p>bar</p>
</div>
